<template>
  <div class="large_picture" id="jieshao_first">
            <img :src="info.big_picture" alt="">
            <p class="name">{{info.name}}</p>
            <p class="info">{{info.biaoyu}}</p>
  </div>
</template>

<script>
    export default {
        name: "DetailHead",
      data(){
          return{
            info:"",
          }
      },
      created() {
        var this_=this
        this_.$axios.get('http://127.0.0.1:8080/traning/jihua_jieshao',{params: {
            id: this_.$store.state.click_index_planid
          }})
          .then(function (response) {
            if(response) {
              this_.info = response.data[0];

              console.log(this_.info);
            }
          })
      },
    }
</script>

<style scoped>
.large_picture{
  position: relative;
  overflow: hidden;
}
.large_picture .name{
  position: absolute;
  left: 20%;
  top: 15%;
  font-size: 55px;
  color: white;
}

.large_picture .info{
  position: absolute;
  color: white;
  width: 480px;
  left: 20%;
  top: 45%;
}


</style>
